// 覆盖 antd 组件样式

.ant-input-search-icon::before {
  // antd 搜索组件去掉搜索Icon左侧Border
  border-left: 0;
}

.ant-table-cell {
  vertical-align: top;
  border-right-width: 0 !important;

  &:last-child {
    border-right-width: 1px !important;
  }
}

tbody .ant-table-cell {
  color: theme('colors.gray.secondary');
}

.ant-pagination {
  color: theme('colors.gray.secondary');

  &-item {
    &:not(.ant-pagination-item-active) {
      a {
        color: theme('colors.gray.secondary');
      }
    }
  }

  .ant-pagination-item-link {
    .anticon {
      svg {
        margin-bottom: 2px;
      }
    }
  }
}

// (组件默认值 250px，超过后自动换行)
.ant-tooltip {
  max-width: 320px;
}

.ant-table-container {
  // table 设置了 sticky 时会出现两个横向滚动条，所以隐藏一个
  .ant-table-sticky-scroll {
    display: none;
  }
}

.ant-tabs {
  color: theme('colors.gray.secondary');
}

// Image 图片等比例显示
.ant-image-img {
  object-fit: contain;
}

// Image 预览顶部操作区域
.ant-image-preview-operations {
  background: rgba(0, 0, 0, 0.5);
}

// 将 form.item tooltip hover 样式由 help 改为 default
.ant-form-item-label > label .ant-form-item-tooltip {
  cursor: default;
  color: theme('colors.gray.third');
}

// 弹窗标题字重，默认 500
.ant-modal-title,
.ant-modal-confirm-body .ant-modal-confirm-title {
  font-weight: 700;
}

// 日期选择框宽度
.ant-picker {
  width: 100%;
}

// 隐藏数字输入的按钮
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
